<template>
    <div class="recharge">
        <div class="top">
            <el-breadcrumb separator=">">
                <el-breadcrumb-item  class="font-gray hand" :to="{ path: 'index' }">个人信息</el-breadcrumb-item>
                <el-breadcrumb-item  class="font-gray hand" :to="{ path: 'recharge' }">入金</el-breadcrumb-item>
                <el-breadcrumb-item class="hand font-white">入金需知</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="middle">
           <h3 class="font-gray">须知</h3>
           <p>第一条</p>
           <p>在您充值的时候以在您充值的时候以在您充值的时候以在您充值的时候以在您充值的时候以在您充值的时候以在您充值的时候以在您充值的时候以</p>
           <p>第二条</p>
           <p>在您充值的时候以在您充值的时候以在您充值的时候以在您充值的时候以在您充值的时候以在您充值</p>
        </div>
    </div>
</template>

<script>
export default {
    name:'ReNotice',
    data(){
        return{

        }
    }
}
</script>

<style>
.recharge .el-breadcrumb{display: inline-block;font-size: 14px;line-height: 46px;}
.recharge .el-breadcrumb__inner,.el-breadcrumb__inner a:hover, .el-breadcrumb__inner.is-link:hover{color: #72739c!important;}
.recharge .el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{color: #fff!important;cursor: pointer!important;}
.recharge .el-form-item__label{color: #c3c4ea;padding-right: 20px;} 
.recharge .el-input__inner{background-color: #242645;border: none;border-radius: 4px;text-align: right;color: #fff;}
.recharge .code .el-input__inner{text-align: left;}
.recharge .el-input-group__append{background-color: #242645;border: none;border-left:1px solid;}
</style>

<style lang="less" scoped>
.recharge{
    .top{margin-top: 50px;}
    .middle{
        p{line-height: 30px;}
    }
} 

</style>
